<template>
	<wsPage title="查看详情">
		<div slot="page_operate">
			<Button type="ghost" @click="goBack"><Icon type="android-close"></Icon><span>关闭</span></Button>
		</div>
		<div>
		    <Steps :current="1">
		        <Step title="提交订单" content="2017-07-19 15:43:23"></Step>
		        <Step title="支付订单" content=""></Step>
		        <Step title="平台发货" content=""></Step>
		        <Step title="确认收货" content=""></Step>
		        <Step title="完成评价" content=""></Step>
		    </Steps>
		    <wsSmPanel data-title="当前订单状态: 待支付">
		    	<div slot="list_operate">
					<Button type="ghost">修改费用信息</Button>
					<Button type="ghost" >备注订单</Button>
				</div>
				<div slot="list_data" class="mbody">
					<Row>
						<Col :span="24" class="m1">
							<Icon type="bookmark" size="22"></Icon><span>基本信息</span>
						</Col>
						<Col :span="24">
							<Table border :columns="columns1" :data="data1"></Table>
						</Col>
					</Row>
				</div>
		    </wsSmPanel>
		</div>
	</wsPage>
</template>

<script>
	export default {
		data() {
    		return {
    			columns1: [
    				{
    					title: '订单编号',
                        key: 'key1'
    				},
    				{
    					title: '发货单流水号',
                        key: 'key2'
    				},
    				{
    					title: '用户账号',
                        key: 'key3'
    				},
    				{
    					title: '支付方式',
                        key: 'key4'
    				},
    				{
    					title: '订单来源',
                        key: 'key5'
    				},
    				{
    					title: '订单类型',
                        key: 'key6'
    				}
    			],
    			data1: [
    				{
                        key1: '201707196398345',
                        key2: '未发货',
                        key3: '18000000000',
                        key4: '未支付',
                        key5: 'APP订单',
                        key6: '普通订单'
                    },
    			]
    		}
    	},
    	methods: {
    		goBack() {
    			window.close();
    		}
    	}
	}
</script>

<style>
	.m1 {
		font-size: 18px;
	}
	.mbody {
		padding: 20px;
	}
	.index-app {
		display: flex;
    	justify-content: center;
	}
	.ws-page {
		width: 80%;
	}
</style>